<template>
    <div class="content"> 
        <div class="list" v-html="learnModel.context">

        </div>
    </div>
</template>
<script setup lang="ts">
import type { LearnModel } from '@/api/international';
import {learnApi} from '@/api/international/index';
const learnModel=ref<LearnModel>({context:''}) 
onMounted( async()=>{
     const response=await learnApi(0)
     if(response.code===200){
        learnModel.value=response.data ?? {context:''}
     }
})

</script>
<style scoped lang='less'>
.content {
    width: calc(100% - 220px);
    text-align: center;
    // background-color: red;
    height: 100%;

    >p {
        font-size: 18px;
       
    }

    >.list {
        text-align: left;
    }

    >.list:nth-child(n+2) {
        margin-top: 20px;
    }
}</style>